<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            @font-face{font-family:iconfont;src:url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot);src:url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix) format('embedded-opentype'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff) format('woff'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf) format('truetype'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont) format('svg')}
            *{
                margin:0;
                padding:0;
            }
            img{
                vertical-align: middle;
            }

            li{
                list-style:none;
                float:left;
                width:271px;
                margin-bottom:30px;
            }
            li:nth-of-type(odd){
                margin-right: 10px;
            }

            body{
                background: #eee;
            }
            .fl{
                float:left;
            }
            .fr{
                float:right;
            }
            .clearfix:after{
                clear:both;
              display:table;
                content:"";
            }
            .content{
                width:1190px;
                margin:10px auto;

            }
            .content .box{
                float:left;
                width:590px;
                background:white ;
                box-sizing:border-box;
            }
            .box2{
            margin-left:10px;
            }
            .content .box .top{
                margin:20px;
            }
            .content .box .top img{
                height:24px;

            }

            .content .box .top p{
                font-size:12px;
                font-weight:300;
                color:#999;
                line-height:24px;
                height:24px;
                margin-left:10px;
            }
            ul{
               margin:0 18px;
            }
            .box li .pic1{
                width:180px;
                margin-right:2px;
                background: #ccc;
            }
            .box li .pic2{
                width:89px;
                margin-bottom:2px;
                background: #ccc;
            }
            .box li .pic3{
                width:89px;
                background: #ccc;

            }
            .content .box .p1{
                font-size:16px;
                line-height:24px;
                height:24px;
                margin-right:5px;
                margin-bottom:10px;
                color:#333;
            }
            .content .box .p2{
                font-size:12px;
                margin-left:5px;
                color:#999;
                line-height:24px;
                height:24px;
            }
            .content .box1 .top span{
                font-family:iconfont;

            }

            .box li img{
                width:100%;
                opacity:0.8;
            }
            a{
                font-size:12px;
                color:#999;
                font-weight:300;
                margin-top:3px;
            }
            .content .box a:hover .p1{
                color:red;

            }
            .content .box .pic1:hover{
                background:#999;
            }
            .content .box .pic2:hover{
                background:#999;
            }
            .content .box .pic3:hover{
                background:#999;
            }













        </style>
    </head>
    <body>
        <div  class="content clearfix">
            <div class="box box1">
                <div class="top clearfix">
                    <img class="fl" src="https://img.alicdn.com/tfs/TB1_EXwb3oQMeJjy0FpXXcTxpXa-162-48.png"/>
                    <p class="txt fl">发现深藏的好店</p>
                    <a class="fr">更多<span>&#xe62e;</span></a>
                </div>
                <ul class="clearfix">
                    <li><a href="#">
                        <div class="clearfix"><p class="p1 fl">今日推荐</p><p class="p2 fl">暂无店铺评价</p></div>
                        <div class="pic clearfix">
                            <div class="pic1 fl"><img src="https://img.alicdn.com/tps/i2/TB1FA1kKXXXXXalXVXXgrdL_XXX-980-980.jpg_350x350q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/tps/i3/TB1aL1vKXXXXXXAXFXX8yfuGpXX-700-700.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/tps/i4/TB1UuaGKXXXXXcHXXXXE799_VXX-800-800.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="clearfix"><p class="p1 fl">女神の店</p><p class="p2 fl">暂无店铺评价</p></div>
                        <div class="pic clearfix">
                            <div class="pic1 fl"><img src="https://img.alicdn.com/bao/uploaded/i3/TB10YeXPpXXXXbGXFXXXXXXXXXX_!!0-item_pic.jpg_350x350q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/bao/uploaded/i1/TB1U0nEKFXXXXchXVXXXXXXXXXX_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/bao/uploaded/i4/TB1w3nOPFXXXXXCaXXXXXXXXXXX_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pic clearfix">
                            <div class="clearfix"><p class="p1 fl">男人帮</p><p class="p2 fl">暂无店铺评价</p></div>
                            <div class="pic1 fl"><img src="https://img.alicdn.com/tps/i2/TB1RfaYGVXXXXb7XXXXWVw9GFXX-352-352.png_350x350q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/tps/i2/TB1RfaYGVXXXXb7XXXXWVw9GFXX-352-352.png_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/tps/i2/TB1RfaYGVXXXXb7XXXXWVw9GFXX-352-352.png_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pic clearfix">
                            <div class="clearfix"><p class="p1 fl">有腔调</p><p class="p2 fl">暂无店铺评价</p></div>
                            <div class="pic1 fl"><img src="https://img.alicdn.com/tps/i4/TB1TiGwKXXXXXXRXFXXqVMCNVXX-400-400.jpg_350x350q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/tps/i1/TB11KGMKXXXXXX_XXXXqVMCNVXX-400-400.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/tps/i2/TB1oCiNKXXXXXXlXXXXqVMCNVXX-400-400.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                </ul>

            </div>
            <!--左边结束-->
            <div class="box box2">
                <div class="top clearfix">
                    <img class="fl" src="https://img.alicdn.com/tfs/TB1cmpCb3MPMeJjy1XdXXasrXXa-204-42.png"/>
                    <p class="txt fl">你的爱豆直播等你哟！</p>
                </div>
                <ul class="clearfix">
                    <li><a href="#">
                        <div class="clearfix"><p class="p1 fl">我和金星一样但</p><p class="p2 fl">1490观看</p></div>
                        <div class="pic clearfix">
                            <div class="pic1 fl"><img src="https://img.alicdn.com/tfscom/i1/TB27M8dsMaTBuNjSszfXXXgfpXa_!!0-dgshop.jpg_320x320q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/bao/uploaded/i3/810358578/TB1G1NhsuySBuNjy1zdXXXPxFXa_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/bao/uploaded/i1/753871404/TB1MN.Ss9tYBeNjSspaXXaOOFXa_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="clearfix"><p class="p1 fl">Angel美美</p><p class="p2 fl">2780观看</p></div>
                        <div class="pic clearfix">
                            <div class="pic1 fl"><img src="https://img.alicdn.com/imgextra/i1/TB28abNkviSBuNkSnhJXXbDcpXa_!!0-tbCommonAudio.jpg_320x320q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/bao/uploaded/i7/TB140FPgxuTBuNkHFNRYXI9qpXa_M2.SS2_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/bao/uploaded/i2/192699001/TB245UqfsuYBuNkSmRyXXcA3pXa_!!192699001.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pic clearfix">
                            <div class="clearfix"><p class="p1 fl">四川小妹二妹</p><p class="p2 fl">95观看</p></div>
                            <div class="pic1 fl"><img src="https://img.alicdn.com/tfscom/i2/TB25BIikDXYBeNkHFrdXXciuVXa_!!0-dgshop.jpg_320x320q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/bao/uploaded/i2/55100120/TB1HbgiXrZnBKNjSZFGXXbt3FXa_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/bao/uploaded/i2/55100120/TB1YrSZar1YBuNjSszhXXcUsFXa_!!0-item_pic.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                    <li><a href="#">
                        <div class="pic clearfix">
                            <div class="clearfix"><p class="p1 fl">欢欢9977</p><p class="p2 fl">1262观看</p></div>
                            <div class="pic1 fl"><img src="https://img.alicdn.com/imgextra/i4/TB2Ioo6sL9TBuNjy1zbXXXpepXa_!!0-tbCommonAudio.jpg_320x320q90.jpg_.webp"/></div>
                            <div class="pic2 fl"><img src="https://img.alicdn.com/bao/uploaded/i3/39805569/TB2maHKgcIrBKNjSZK9XXagoVXa_!!39805569.jpg_170x170q90.jpg_.webp"/></div>
                            <div class="pic3 fl"><img src="https://img.alicdn.com/bao/uploaded/i1/39805569/TB2Ku.ygdcnBKNjSZR0XXcFqFXa_!!39805569.jpg_170x170q90.jpg_.webp"/></div>
                        </div>
                    </a></li>
                </ul>
            </div>
        </div>
    </body>
</html>